<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <script>
        /* 
            场景：当请求参数提交到服务端的时候，如果有特殊字符存在，需要进行编码，
                  服务端会自己解码
                  一个中文会被编码成3个字组成

                  encodeURIComponent 和 encodeURI的区别？
                  encodeURIComponent支持的字符更多

         */

         const str = "比屋  教-育"
         //%E6%AF%94%E5%B1%8B%20%20%E6%95%99-%E8%82%B2
         const result = encodeURI(str)
         console.log(str)
         console.log(result)

         //服务端解码：  %E6%AF%94
         const decodeStr = decodeURI("%E6%AF%94")
         console.log(decodeStr)

         console.log("------------")
         /* 
            对URL进行编码
            http://www.biwuit.cn/spboot/userLoginGetRequest?username=admin&password=66666
          */

          const url = "http://www.biwuit.cn/spboot/userLoginGetRequest?username=张三&password=66666";
          console.log(encodeURI(url))
          console.log(encodeURIComponent(url))
        
    </script>
</body>
</html>